<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/WEB-INF/jsp/common/taglibs.jspf"%>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

<%@include file="/WEB-INF/jsp/common/import-css.jspf" %>
<%@include file="/WEB-INF/jsp/common/import-js.jspf"%>


<title>HPE</title>
</head>

<body>
	<div>
		<%@include file="header.jsp"%>
	</div>
	<div class="container-fluid">
		<div class="row">
			<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar pT50">
				<%@include file="menu.jsp"%>
			</div>
			<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
				<sitemesh:write property='body' />
			</div>
		</div>
	</div>
	<div>
		<%@include file="footer.jsp"%>
	</div>
</body>
<script type="text/javascript">
!function ($) {
    $(document).on("click","ul.nav li.parent  ", function(){          
        $(this).find('em:first').toggleClass("glyphicon-minus");      
    }); 
    $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
}(window.jQuery);

$(window).on('resize', function () {
  if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
})
$(window).on('resize', function () {
  if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
})
</script>